<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>222</h2>
    <h1>111</h1>
    <div>
        000
        <u>uuu</u>
        <i>iii</i>
    </div>
    <h1 class="two">333</h1>
    <p>ppp</p>
    <ul>
        <li>11</li>
        <li class="two">22</li>
        <li>33</li>
        <li>44</li>
        <li>55</li>
    </ul>
    <script src="jquery.min.js"></script>
    <script>
        // $("ul").remove();//remove()  删除全部包含本身
        // $("ul").empty();// 清空  清空内容


        // $("li").remove(".two");
    
        $("li.two").remove();

        //创建元素+插入
        //$("body").append($("<h4>444</h4>"))//插入到最后 当做子节点

        //$("body").prepend($("<h4>444</h4>"))//插入到最头上  当做子节点

        //$("div").after($("<h4>444</h4>"))//插入到后面  当做兄弟
        //$("div").before($("<h4>444</h4>"))//插入到前面  当做兄弟

        //find 满足条件的后代  祖先元素
        // console.log($("ul").find(".two"));

        // //filter 筛选
        // console.log($("li").filter(".two"));

        // console.log($("div").parent());

        // console.log($("div").next());//下一个兄弟
        // console.log($("div").nextAll());//下所有兄弟
        // console.log($("div").nextAll("p"));//下所有兄弟中 p

        // console.log($("div").prev());//上一个兄弟
        // console.log($("div").prevAll());//上所有兄弟
        // console.log($("div").prevAll("h1"));//上所有兄弟中 h1

        //console.log($("div").children("u"));
    </script>
</body>
</html>